<template>
	<div id="app">
		<div class="container">
			<div class="top">
				<img src="../src/assets/ab84a1af9a9d7cac582e7b59ac02335.png" alt="">
			</div>
			<div class="desc">
				<!-- <img src="../src/assets/4bf3ee4367240aecd1395145555cbd7.png" alt=""> -->
				<div class="tit">
					<div></div>
					<div>
						<div style="text-align: center; font-weight: 700; margin-top: 20px;">特此声明</div>
						<div style="margin: 10px 150px 10px 230px;">
							本机构是经计量认证/审查认可的农机产品鉴定、检测法定机构，保证独立、客观、公正地从事鉴定、检测工作，特此声明:1、遵守《中华人民共和国产品质量法》《中华人民共和国计量法》《中华人民共和国标准化法》和《农业机械试验鉴定办法》等法律法规和相关部门规章的规定开展鉴..
							<span style="color: rgb(4, 135, 50);font-weight: 700;margin-left: 30px;">MORE...</span>
						</div>
					</div>
				</div>
			</div>
			<div class="nav">
				<ul>
					<li>首页</li>
					<li>最新通知</li>
					<li>公示公告</li>
					<li>鉴定大纲</li>
					<li>鉴定信息</li>
					<li>采集报告</li>
					<li>办事指南</li>
					<li>服务热线</li>
					<li>会员登记</li>
					<li>江苏农机化杂志</li>
				</ul>
			</div>
			<div class="rk-fa">
				<div class="rk-son">
					<div class="rk" style="display: flex; flex-direction: column;">
						<img src="./assets/87ab98fa8347fb921e5acd2a80fdf12.png" alt="">
						<img src="./assets/f026207928061e3bf14b85cf19ab875.png" alt="">
						<img src="./assets/d722750419293b9292311067bdcb279.png" alt="">
						<img src="./assets/1b97d1f545666b9c645793b4653b064.png" alt="">
					</div>
				</div>
				<div class="hydj">
					<div class="hy" style="display: flex; flex-direction: column;">
						<input type="text" style="height: 40px; margin-bottom: 20px; " placeholder="请输入关键字">
						<!-- <img src="./assets/0a22c918ccd0f71a0d2f32a76dbb83f.png" alt=""> -->
						<img src="./assets/99bbc3c8d60df947e2529136c997d60.png" alt="">
						<img src="./assets/f063b206538f368aeaded80e26a1518.png" alt="">
					</div>
				</div>
				<div class="zs">
					<div class="swiper">
						<img src="../src/assets/fde53084b3ebcd016652a86458b2528.png" alt="">
					</div>
					<div class="gg" style="flex: 1;display: flex; flex-direction: column;">
						<div>
							<div
								style="font-size: 20px;border-bottom: 1px solid #ccc; overflow: hidden; height: 40px; margin-top: 25px;">
								<span style="border-bottom:4px solid  green ; padding-bottom: 10px; ;">鉴定公告</span>
								<span style="float: right;">MORE</span>
							</div>
							<div style="overflow: hidden;padding: 15px 0;border-bottom: 1px solid #ccc;">
								<i class="hd"></i><span class="of">江苏省农业机械试验鉴定站关于2023年第五...</span>
								<span style="float: right;">2023-05-30</span>
							</div>
							<div style="overflow: hidden;padding: 15px 0; border-bottom: 1px solid #ccc;">
								<i class="hd"></i><span class="of">江苏省农业机械试验鉴定站关于2023年第五...</span>
								<span style="float: right;">2023-05-30</span>
							</div>
							<div style="overflow: hidden;padding: 15px 0;border-bottom: 1px solid #ccc;">
								<i class="hd"></i><span class="of">江苏省农业机械试验鉴定站关于2023年第五...</span>
								<span style="float: right;">2023-05-30</span>
							</div>
						</div>
						<div>
							<div
								style="font-size: 20px;border-bottom: 1px solid #ccc; overflow: hidden; height: 40px; margin-top: 25px;">
								<span style="border-bottom:4px solid  green ; padding-bottom: 10px; ;">最新通知</span>
								<span style="float: right;">MORE</span>
							</div>
							<div style="overflow: hidden;padding: 15px 0;border-bottom: 1px solid #ccc;">
								<i class="hd"></i><span class="of">江苏省农业机械试验鉴定站关于2023年第五...</span>
								<span style="float: right;">2023-05-30</span>
							</div>
							<div style="overflow: hidden;padding: 15px 0; border-bottom: 1px solid #ccc;">
								<i class="hd"></i><span class="of">江苏省农业机械试验鉴定站关于2023年第五awdawdawd</span>
								<span style="float: right;">2023-05-30</span>
							</div>
							<div style="overflow: hidden;padding: 15px 0;border-bottom: 1px solid #ccc;">
								<i class="hd"></i><span class="of">江苏省农业机械试验鉴定站关于2023年第五wdawddwad </span>
								<span style="float: right;">2023-05-30</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="bslc bx">
				<div
					style="font-size: 20px;border-bottom: 1px solid #ccc; overflow: hidden; height: 40px; margin-top: 25px; margin-bottom: 25px;">
					<span style="border-bottom:4px solid  green ; padding-bottom: 10px; ;">办事流程</span>
				</div>
				<div class="lc-fa" style="display: flex; align-items: center;">
					<div class="lc-son" style="display: flex; flex-direction: column;width: 170px;">
						<img src="./assets/058e1285dc458165120c3a335002590.png" alt="">
						<button>企业账号注册</button>
					</div>
					<img src="./assets/43e925c799ea1b65cea6e180468c47c.png" alt=""
						style="width: 95px;height: 115px;margin-bottom: 58px;">
					<div class="lc-son" style="display: flex; flex-direction: column; width: 170px;">
						<img src="./assets/058e1285dc458165120c3a335002590.png" alt="">
						<button>填写相关资料</button>
					</div>
					<img src="./assets/43e925c799ea1b65cea6e180468c47c.png" alt=""
						style="width: 92px;height: 115px;margin-bottom: 58px;">
					<div class="lc-son" style="display: flex; flex-direction: column;width: 170px;">
						<img src="./assets/058e1285dc458165120c3a335002590.png" alt="">
						<button>资料审核</button>
					</div>
					<img src="./assets/43e925c799ea1b65cea6e180468c47c.png" alt=""
						style="width: 95px;height: 115px;margin-bottom: 58px;">
					<div class="lc-son" style="display: flex; flex-direction: column;width: 170px;">
						<img src="./assets/058e1285dc458165120c3a335002590.png" alt="">
						<button>公示</button>
					</div>
					<img src="./assets/43e925c799ea1b65cea6e180468c47c.png" alt=""
						style="width: 95px;height: 115px;margin-bottom: 58px;">
					<div class="lc-son" style="display: flex; flex-direction: column;width: 170px;">
						<img src="./assets/058e1285dc458165120c3a335002590.png" alt="">
						<button>证书领取</button>
					</div>
				</div>
				<!-- <img src="../src/assets/fb59485c4b6f9286806d0b4dbfde648.png" alt=""> -->
			</div>
			<div class="other bx">
				<div style="display: flex;justify-content: space-between;">
					<div>
						<div
							style="font-size: 20px;border-bottom: 1px solid #ccc; overflow: hidden; height: 40px;width: 600px; margin-top: 25px;">
							<span style="border-bottom:4px solid  green ; padding-bottom: 10px; ;">鉴定范围</span>
							<span style="float: right; color: rgb(3, 15, 255);">MORE</span>
						</div>
						<div style="overflow: hidden;padding: 15px 0;border-bottom: 1px solid #ccc;">
							<i class="hd"></i><span class="rgb">江苏省农业机械试验鉴定站关于2023年第五...</span>
							<!-- <span style="float: right; color: rgb(3, 15, 255);">2023-05-30</span> -->
						</div>
						<div style="overflow: hidden;padding: 15px 0; border-bottom: 1px solid #ccc;">
							<i class="hd"></i><span class="rgb">江苏省农业机械试验鉴定站关于2023年第五...</span>
							<!-- <span style="float: right; color: rgb(3, 15, 255);">2023-05-30</span> -->
						</div>
						<div style="overflow: hidden;padding: 15px 0;border-bottom: 1px solid #ccc;">
							<i class="hd"></i><span class="rgb">江苏省农业机械试验鉴定站关于2023年第五...</span>
							<!-- <span style="float: right; color: rgb(3, 15, 255);">2023-05-30</span> -->
						</div>
					</div>
					<div>
						<div
							style="font-size: 20px;border-bottom: 1px solid #ccc; overflow: hidden; height: 40px;width: 600px; margin-top: 25px;">
							<span style="border-bottom:4px solid  green ; padding-bottom: 10px; ;">江苏大纲</span>
							<span style="float: right;">MORE</span>
						</div>
						<div style="overflow: hidden;padding: 15px 0;border-bottom: 1px solid #ccc;">
							<i class="hd"></i><span class="rgb">江苏省农业机械试验鉴定站关于2023年第五...</span>
							<!-- <span style="float: right; color: rgb(3, 15, 255);">2023-05-30</span> -->
						</div>
						<div style="overflow: hidden;padding: 15px 0; border-bottom: 1px solid #ccc;">
							<i class="hd"></i><span class="rgb">江苏省农业机械试验鉴定站关于2023年第五...</span>
							<!-- <span style="float: right; color: rgb(3, 15, 255);">2023-05-30</span> -->
						</div>
						<div style="overflow: hidden;padding: 15px 0;border-bottom: 1px solid #ccc;">
							<i class="hd"></i><span class="rgb">江苏省农业机械试验鉴定站关于2023年第五...</span>
							<!-- <span style="float: right; color: rgb(3, 15, 255);">2023-05-30</span> -->
						</div>
					</div>
				</div>
				<div style="display: flex;justify-content: space-between;">
					<div>
						<div
							style="font-size: 20px;border-bottom: 1px solid #ccc; overflow: hidden; height: 40px;width: 600px; margin-top: 25px;">
							<span style="border-bottom:4px solid  green ; padding-bottom: 10px; ;">采信报告</span>
							<span style="float: right;">MORE</span>
						</div>
						<div style="overflow: hidden;padding: 15px 0;border-bottom: 1px solid #ccc;">
							<i class="hd"></i><span class="rgb">江苏省农业机械试验鉴定站关于2023年第五...</span>
							<!-- <span style="float: right; color: rgb(3, 15, 255);">2023-05-30</span> -->
						</div>
						<div style="overflow: hidden;padding: 15px 0; border-bottom: 1px solid #ccc;">
							<i class="hd"></i><span class="rgb">江苏省农业机械试验鉴定站关于2023年第五...</span>
							<!-- <span style="float: right; color: rgb(3, 15, 255);">2023-05-30</span> -->
						</div>
						<div style="overflow: hidden;padding: 15px 0;border-bottom: 1px solid #ccc;">
							<i class="hd"></i><span class="rgb">江苏省农业机械试验鉴定站关于2023年第五...</span>
							<!-- <span style="float: right; color: rgb(3, 15, 255);">2023-05-30</span> -->
						</div>
					</div>
					<div>
						<div
							style="font-size: 20px;border-bottom: 1px solid #ccc; overflow: hidden; height: 40px;width: 600px; margin-top: 25px;">
							<span style="border-bottom:4px solid  green ; padding-bottom: 10px;">鉴定信息</span>
							<span style="float: right; color: rgb(3, 15, 255);">MORE</span>
						</div>
						<div style="overflow: hidden;padding: 15px 0;border-bottom: 1px solid #ccc;">
							<i class="hd"></i><span class="rgb">江苏省农业机械试验鉴定站关于2023年第五...</span>
							<!-- <span style="float: right; color: rgb(3, 15, 255);">2023-05-30</span> -->
						</div>

						<div style="overflow: hidden;padding: 15px 0; border-bottom: 1px solid #ccc;">
							<i class="hd"></i>
							<span class="rgb">江苏省农业机械试验鉴定站关于2023年第五达瓦达瓦发我答复啊我发我</span>
							<!-- <span style="float: right; color: rgb(3, 15, 255);">2023-05-30</span> -->
						</div>
						<div style="overflow: hidden;padding: 15px 0;border-bottom: 1px solid #ccc;">
							<i class="hd"></i><span class="rgb">江苏省农业机械试验鉴定站关于2023年第五dwddwwdda awdawdawd</span>
							<!-- <span style="float: right; color: rgb(3, 15, 255);">2023-05-30</span> -->
						</div>
					</div>
				</div>
			</div>
			<div class="bb2"
				style="font-size: 20px;border-bottom: 1px solid #ccc; overflow: hidden; height: 40px;width: 1234px; margin: 0 auto; margin-top: 25px;">
				<span style="border-bottom:4px solid  green ; padding-bottom: 10px;">办事指南</span>
			</div>
			<div class="bszn bx" style="padding-top: 20px;height: 620px; ">
				<div
					style="display: flex; height: 240px; padding-top: 50px;background: rgb(246, 253, 255); padding-right: 5px;">
					<div
						style="border-left: 2px  dashed  rgb(51, 51, 51); width: 175px; color: rgb(87, 190, 172);margin-left: 5px;padding-left: 15px;position: relative;font-size: 14px;">
						<i
							style="border-radius: 50%;width: 10px;height: 10px;background: rgb(51, 51, 51);position: absolute;top: -6px;left: -6px;"></i>
						江苏省农业农村厅网站一一专题专栏一一农机农机化机械化专栏一一信息系统一一江苏省农机试验鉴定管理服务信息化平台一一企业申报系统入口一一企业申报系统登录页面注册账号,填写工商信息、企业信息及管理员信息，确认无误后提交注册
					</div>
					<div
						style="border-left: 2px  dashed  rgb(51, 51, 51); width: 175px; color: rgb(231, 168, 87);font-size: 14px;margin-left: 123px;padding-left: 10px; position: relative;padding-top: 50px;">
						<i
							style="border-radius: 50%;width: 10px;height: 10px;background: rgb(51, 51, 51);position: absolute;top: -6px;left: -6px;"></i>
						系统管理员审酸企业注朋信息，审核结果在平台登录可查询。通过注册审核的企业可登录平台，进行申报
					</div>
					<div
						style="border-left: 2px  dashed  rgb(51, 51, 51); width: 175px; color: rgb(199, 161, 31);margin-left: 127px;font-size: 14px;position: relative; padding: 30px 0 0 25px ;">
						<i
							style="border-radius: 50%;width: 10px;height: 10px;background: rgb(51, 51, 51);position: absolute;top: -6px;left: -6px;"></i>
						申请产品信息务必按要求填写且检查无误后提交审酸，一旦提交则信息不可修改。可填写多个申请产品信息后一起提交。
					</div>
					<div
						style="border-left: 2px  dashed  rgb(51, 51, 51); width: 175px; color: rgb(172, 198, 111);font-size: 14px;margin-left: 122px;padding-left: 10px;position: relative;padding-top: 60px; ">
						<i
							style="border-radius: 50%;width: 10px;height: 10px;background: rgb(172, 198, 111);position: absolute;top: -6px;left: -6px;"></i>
						按申请材料清单要求准备申请材料，由鉴定人员鉴定实施后带
					</div>
					<div
						style="border-left: 2px  dashed  rgb(51, 51, 51); width: 175px; color: rgb(213, 85, 34);font-size: 14px;margin-left: 122px;padding-left: 10px;position: relative;padding-top: 15px; ">
						<i
							style="border-radius: 50%;width: 10px;height: 10px;background: rgb(213, 85, 34);position: absolute;top: -6px;left: -6px;"></i>
						登陆江苏省农机试验鉴定管理服务信息化平台一一企业申报系统，在“农机鉴定申报”中查看进度，如显示“实施中”表示所申请产品已受理立
						项
					</div>
				</div>
				<div><img src="./assets/b91387b3f84ca1622e27d2d7b1ce534.png" alt="" style="width: 1234px;"></div>
				<!-- <img src="../src/assets/2acacd7b364e23062b20934b1fda97b.png" alt=""> -->
				<div style="background: rgb(246, 253, 255); height: 240px; padding-bottom: 50px; display: flex;">
					<div
						style="border-left: 2px  dashed  rgb(51, 51, 51);padding-top: 50px; width: 139px;height: 190px; color: rgb(172, 198, 111);margin-left: 140px;padding-left: 15px;position: relative;font-size: 14px;">
						<i
							style="border-radius: 50%;width: 10px;height: 10px;background: rgb(51, 51, 51);position: absolute;bottom: -6px;left: -6px;"></i>
						注朋成功的企业用户在江苏省农机试验鉴定管理服务信息化平台一一企业申报系统入口一一企业申报系统登录页面输入管理员手机号和客码登录
					</div>
					<div
						style="border-left: 2px  dashed  rgb(51, 51, 51);padding-top: 80px; width: 152px;height: 160px; color: rgb(231, 85, 34);margin-left: 114px;padding-left: 15px;position: relative;font-size: 14px;">
						<i
							style="border-radius: 50%;width: 10px;height: 10px;background: rgb(51, 51, 51);position: absolute;bottom: -6px;left: -6px;"></i>
						在左侧菜单栏推广鉴定一一农机鉴定申报一一添加申报，按要求填写并保存。
					</div>
					<div
						style="border-left: 2px  dashed  rgb(51, 51, 51);padding-top: 96px; width: 130px;height: 144px; color: rgb(26, 176, 151);margin-left: 102px;padding-left: 15px;position: relative;font-size: 14px;">
						<i
							style="border-radius: 50%;width: 10px;height: 10px;background: rgb(51, 51, 51);position: absolute;bottom: -6px;left: -6px;"></i>
						打印申请表，法人代表签字盖公章。
					</div>
					<div
						style="border-left: 2px  dashed  rgb(51, 51, 51);padding-top: 66px; width: 139px;height: 172px; color: rgb(243, 170, 64);margin-left: 124px;padding-left: 15px;position: relative;font-size: 14px;">
						<i
							style="border-radius: 50%;width: 10px;height: 10px;background: rgb(51, 51, 51);position: absolute;bottom: -6px;left: -6px;"></i>
						登陆江苏省农机试验鉴定管理服务信息化平台一一企业申报系统，在“农机鉴定申报”中查看进度。
					</div>
				</div>
			</div>
			<div class="bb2"
				style="font-size: 20px;border-bottom: 1px solid #ccc; overflow: hidden; height: 40px;width: 1234px; margin: 0 auto; margin-top: 25px;">
				<span style="border-bottom:4px solid  green ; padding-bottom: 10px;">行业概览</span>
			</div>
			<div class="hello w580" id="map" style="padding-top: 20px;">
				<div id="mapDiv"></div>
				<!-- echarts 初始化 -->
				<div id="map"></div>
				<div class="l1">
					<div class="l1-hd" style="display: flex; margin-top: 40px; margin-left: 20px;">
						<div>
							<img src="./assets/5017172bd9d7f5dbf2f6c742f1985d5.png" alt="">
						</div>
						<div class="l1-dd">
							<div style="font-size: 18px;">获证机构总数</div>
							<div><span style="font-size: 24px; font-weight: 700;">3944593</span><span
									style="font-size: 18px; font-weight: 700;">家</span></div>
						</div>

					</div>
					<div class="l1-hd" style="display: flex; margin-top: 40px; margin-left: 20px;">
						<div>
							<img src="./assets/5017172bd9d7f5dbf2f6c742f1985d5.png" alt="">
						</div>
						<div class="l1-dd">
							<div style="font-size: 18px;">获证机构总数</div>
							<div><span style="font-size: 24px; font-weight: 700;">3944593</span><span
									style="font-size: 18px; font-weight: 700;">人</span></div>
						</div>

					</div>
					<div class="l1-hd" style="display: flex; margin-top: 40px; margin-left: 20px;">
						<div>
							<img src="./assets/5017172bd9d7f5dbf2f6c742f1985d5.png" alt="">
						</div>
						<div class="l1-dd">
							<div style="font-size: 18px;">获证机构总数</div>
							<div><span style="font-size: 24px; font-weight: 700;">3944593</span><span
									style="font-size: 18px; font-weight: 700;">人</span></div>
						</div>

					</div>
					<div class="l1-hd" style="display: flex; margin-top: 40px; margin-left: 20px;">
						<div>
							<img src="./assets/5017172bd9d7f5dbf2f6c742f1985d5.png" alt="">
						</div>
						<div class="l1-dd">
							<div style="font-size: 18px;">获证机构总数</div>
							<div><span style="font-size: 24px; font-weight: 700;">3944593</span><span
									style="font-size: 18px; font-weight: 700;">套</span></div>
						</div>

					</div>
					<div class="l1-hd mb50" style="display: flex; margin-top: 40px; margin-left: 20px;">
						<div>
							<img src="./assets/5017172bd9d7f5dbf2f6c742f1985d5.png" alt="">
						</div>
						<div class="l1-dd">
							<div style="font-size: 18px;">获证机构总数</div>
							<div><span style="font-size: 24px; font-weight: 700;">3944593</span><span
									style="font-size: 18px; font-weight: 700;">项</span></div>
						</div>

					</div>


				</div>
				<div class=" r1" id="mychart" :style="myChartStyle"></div>
			</div>
			<div class="food" style="padding-top: 60px;">
				<div class="" style="height: 550px;width: 1842px;background-color: rgb(31, 45, 80); ">
					<div class="nav2" style="display: flex;">
						<ul style="float: left;">
							<li>首页</li>
							<li>最新通知</li>
							<li>鉴定大纲</li>
							<li>办事指南</li>
							<li>服务热线</li>
							<li>会员登记</li>
							<li>江苏农机化杂志</li>
						</ul>
						<ul style="margin-left: 158px;">
							<li>友情链接</li>
							<el-select v-model="value" placeholder="请选择" clearable filterable >
								<el-option v-for="(item, index) in options" :key="index" :label="item.label"
									:value="item.value" />
							</el-select>

						</ul>

					</div>
					<div class="rear" style="width: 1234px;margin: 0 auto; display: flex;margin-top: 80px;">
						<div style="width: 148px;">
							<img style="width: 100%;" src="./assets/f29eb40f3d7a302c94d07f584dc6722.png" alt="">
						</div>
						<div>
							<span style="color: azure;margin-left: 50px;">江苏省农机试验鉴定管理服务信息化平台</span>



							<ul class="fff" style="list-style: none; color: #fff;">
								<li>主办单位: 江苏省农业机械试验鉴定站</li>
								<li>联系电话: 025-86415008</li>
								<li>技术支持: 北京经纬物联科技有限公司</li>
							</ul>
						</div>
						<div>
							<ul class="fff2" style="list-style: none; color: #fff;">
								<li>单位地址: 江苏省南京市建区南湖路97号</li>

								<li>服务热线: 010-67301277</li>
							</ul>
						</div>
					</div>
					<div style="width: 1234px;margin: 0 auto;margin-top: 100px;">
						<span style="color: azure;">Copyright @ 2018 江苏省农业机械试验鉴定站 版权所有</span>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>


<script>
import * as echarts from "echarts";
export default {
	name: 'ChinaMap',
	data() {
		return {
			value: '',
		
			lnglats: [{
				"B": "32.04",
				"L": "118.78",
				"PName": "南京市",
				"Status": 720
			},
			{
				"B": "31.32",
				"L": "120.62",
				"PName": "苏州市",
				"Status": 710
			},
			{
				"B": "31.59",
				"L": "120.29",
				"PName": "无锡市",
				"Status": 358
			},
			{
				"B": "32.01",
				"L": "120.86",
				"PName": "南通市",
				"Status": 352
			},
			{
				"B": "34.26",
				"L": "117.2",
				"PName": "徐州市",
				"Status": 299
			},
			{
				"B": "33.38",
				"L": "120.13",
				"PName": "盐城市",
				"Status": 264
			},
			{
				"B": "31.79",
				"L": "119.95",
				"PName": "常州市",
				"Status": 262
			},
			{
				"B": "32.49",
				"L": "119.9",
				"PName": "泰州市",
				"Status": 216
			},
			{
				"B": "32.39",
				"L": "119.42",
				"PName": "扬州市",
				"Status": 189
			},
			{
				"B": "33.5",
				"L": "119.15",
				"PName": "淮安市",
				"Status": 181
			},
			{
				"B": "34.59",
				"L": "119.16",
				"PName": "连云港市",
				"Status": 162
			},
			{
				"B": "32.2",
				"L": "119.44",
				"PName": "镇江市",
				"Status": 155
			},
			{
				"B": "33.96",
				"L": "118.3",
				"PName": "宿迁市",
				"Status": 126
			},
			],
		};
	},
	 mounted() {
	
	
	},

	methods: {
		load() {
				

				// 画线
				var arrPoint = [
					[117.311654, 34.561686],
					[117.27285, 34.556757],
					[117.303647, 34.542463],
					[117.267923, 34.532603],
					[117.27285, 34.499565],
					[117.252524, 34.48674],
					[117.248213, 34.451216],
					[117.166293, 34.434435],
					[117.139191, 34.526687],
					[117.15151, 34.559222],
					[117.104083, 34.648874],
					[117.073286, 34.639026],
					[117.061583, 34.675947],
					[117.070206, 34.713835],
					[117.022163, 34.759081],
					[116.969192, 34.771864],
					[116.95133, 34.81069],
					[116.979047, 34.815113],
					[116.966113, 34.844588],
					[116.929156, 34.843114],
					[116.922381, 34.894671],
					[116.858323, 34.928533],
					[116.821983, 34.929515],
					[116.815823, 34.965324],
					[116.789338, 34.975133],
					[116.781331, 34.916757],
					[116.677853, 34.939327],
					[116.622418, 34.939818],
					[116.613795, 34.922645],
					[116.557745, 34.908905],
					[116.445028, 34.895652],
					[116.408071, 34.850972],
					[116.403144, 34.756131],
					[116.369267, 34.749247],
					[116.363724, 34.715311],
					[116.392057, 34.710391],
					[116.374195, 34.640011],
					[116.430245, 34.650843],
					[116.432709, 34.630163],
					[116.477057, 34.614896],
					[116.490607, 34.573513],
					[116.594085, 34.511894],
					[116.592237, 34.493646],
					[116.662454, 34.472927],
					[116.722816, 34.472434],
					[116.773939, 34.453683],
					[116.782563, 34.429993],
					[116.828142, 34.389012],
					[116.909446, 34.408271],
					[116.969192, 34.389012],
					[116.960569, 34.363821],
					[116.983359, 34.348011],
					[116.969192, 34.283753],
					[117.051112, 34.221425],
					[117.025243, 34.167469],
					[117.046801, 34.151622],
					[117.123793, 34.128342],
					[117.130568, 34.101586],
					[117.192162, 34.068873],
					[117.257452, 34.065899],
					[117.277162, 34.078787],
					[117.311654, 34.067882],
					[117.357234, 34.088205],
					[117.404045, 34.03218],
					[117.435458, 34.028212],
					[117.514914, 34.060941],
					[117.543248, 34.038627],
					[117.569117, 33.985051],
					[117.612849, 34.000433],
					[117.629479, 34.028708],
					[117.671363, 33.992494],
					[117.672595, 33.934916],
					[117.715095, 33.879287],
					[117.753899, 33.891211],
					[117.759442, 33.874318],
					[117.739732, 33.758467],
					[117.72495, 33.74951],
					[117.750203, 33.710688],
					[117.791471, 33.733585],
					[117.843826, 33.736074],
					[117.901724, 33.720146],
					[117.972557, 33.74951],
					[118.019985, 33.738562],
					[118.065564, 33.76593],
					[118.117919, 33.766427],
					[118.161035, 33.735576],
					[118.16781, 33.663381],
					[118.112376, 33.617045],
					[118.117919, 33.594615],
					[118.107448, 33.475391],
					[118.050782, 33.491863],
					[118.027376, 33.455421],
					[118.016905, 33.402978],
					[118.029224, 33.374995],
					[117.992883, 33.333005],
					[117.974405, 33.279487],
					[117.939297, 33.262475],
					[117.942376, 33.224936],
					[117.977485, 33.226437],
					[117.988572, 33.180869],
					[118.037231, 33.152314],
					[118.038463, 33.134776],
					[118.149332, 33.169348],
					[118.178281, 33.217926],
					[118.217085, 33.191888],
					[118.219549, 33.114227],
					[118.243571, 33.027967],
					[118.244803, 32.998359],
					[118.26944, 32.969242],
					[118.303933, 32.96874],
					[118.291614, 32.946143],
					[118.252194, 32.936601],
					[118.2331, 32.914498],
					[118.250346, 32.848157],
					[118.301469, 32.846145],
					[118.300237, 32.783275],
					[118.334114, 32.761637],
					[118.363063, 32.770695],
					[118.375382, 32.718849],
					[118.411106, 32.715828],
					[118.450526, 32.743518],
					[118.483787, 32.721367],
					[118.560163, 32.729926],
					[118.572482, 32.719856],
					[118.642699, 32.744525],
					[118.707373, 32.72036],
					[118.756648, 32.737477],
					[118.73817, 32.772708],
					[118.743097, 32.853184],
					[118.743097, 32.853184],
					[118.810235, 32.853687],
					[118.821322, 32.920527],
					[118.846575, 32.922034],
					[118.849039, 32.956689],
					[118.89585, 32.957694],
					[118.89585, 32.957694],
					[118.892771, 32.941121],
					[118.934039, 32.93861],
					[118.993169, 32.958196],
					[119.020886, 32.955685],
					[119.054763, 32.8748],
					[119.113277, 32.823014],
					[119.184726, 32.825529],
					[119.211827, 32.708275],
					[119.208748, 32.641276],
					[119.230921, 32.607001],
					[119.22045, 32.576748],
					[119.152697, 32.557582],
					[119.168096, 32.536394],
					[119.142226, 32.499556],
					[119.084944, 32.452602],
					[119.041212, 32.515201],
					[118.975923, 32.505108],
					[118.922336, 32.557078],
					[118.92172, 32.557078],
					[118.922336, 32.557078],
					[118.92172, 32.557078],
					[118.890923, 32.553042],
					[118.908169, 32.59238],
					[118.84288, 32.56767],
					[118.820706, 32.60448],
					[118.784981, 32.582295],
					[118.757264, 32.603976],
					[118.73509, 32.58885],
					[118.719076, 32.614059],
					[118.719076, 32.614059],
					[118.688895, 32.588346],
					[118.658714, 32.594397],
					[118.632844, 32.578261],
					[118.59712, 32.600951],
					[118.568787, 32.585825],
					[118.564475, 32.562122],
					[118.608823, 32.536899],
					[118.592192, 32.481383],
					[118.628533, 32.467751],
					[118.691359, 32.472295],
					[118.685199, 32.403604],
					[118.703061, 32.328792],
					[118.657482, 32.30148],
					[118.674728, 32.250375],
					[118.643931, 32.209875],
					[118.510888, 32.194176],
					[118.49549, 32.165304],
					[118.501033, 32.121726],
					[118.433896, 32.086746],
					[118.394476, 32.076098],
					[118.389548, 31.985281],
					[118.363679, 31.930443],
					[118.472084, 31.879639],
					[118.466541, 31.857784],
					[118.504729, 31.841516],
					[118.481939, 31.778453],
					[118.533678, 31.76726],
					[118.521975, 31.743343],
					[118.5577, 31.73011],
					[118.571866, 31.746397],
					[118.641467, 31.75861],
					[118.653786, 31.73011],
					[118.697518, 31.709747],
					[118.643315, 31.671555],
					[118.643315, 31.649651],
					[118.736322, 31.633347],
					[118.748025, 31.675629],
					[118.773894, 31.682759],
					[118.802844, 31.619078],
					[118.858894, 31.623665],
					[118.881684, 31.564023],
					[118.885995, 31.519139],
					[118.883532, 31.500261],
					[118.852119, 31.393553],
					[118.824401, 31.375672],
					[118.767735, 31.363919],
					[118.745561, 31.372606],
					[118.720924, 31.322518],
					[118.726467, 31.282121],
					[118.756648, 31.279564],
					[118.794836, 31.229426],
					[118.870597, 31.242219],
					[118.984546, 31.237102],
					[119.014727, 31.241707],
					[119.10527, 31.235055],
					[119.107118, 31.250917],
					[119.158241, 31.294907],
					[119.197661, 31.295418],
					[119.198277, 31.270357],
					[119.266646, 31.250405],
					[119.294363, 31.263195],
					[119.338095, 31.259103],
					[119.350414, 31.301043],
					[119.374435, 31.258591],
					[119.360269, 31.213049],
					[119.391682, 31.174142],
					[119.439109, 31.177214],
					[119.461283, 31.156219],
					[119.532732, 31.159291],
					[119.599869, 31.10909],
					[119.623891, 31.130096],
					[119.678093, 31.167997],
					[119.705811, 31.152634],
					[119.715666, 31.169533],
					[119.779723, 31.17875],
					[119.809904, 31.148536],
					[119.827151, 31.174142],
					[119.878274, 31.160828],
					[119.921389, 31.170045],
					[119.946027, 31.106016],
					[119.988527, 31.059375],
					[120.001461, 31.027071],
					[120.052584, 31.00553],
					[120.111099, 30.955761],
					[120.149903, 30.937283],
					[120.223816, 30.926502],
					[120.316206, 30.933689],
					[120.371025, 30.948575],
					[120.35809, 30.886964],
					[120.42338, 30.902884],
					[120.435083, 30.920855],
					[120.441858, 30.860768],
					[120.460336, 30.839702],
					[120.489285, 30.763624],
					[120.504684, 30.757967],
					[120.563814, 30.835592],
					[120.589684, 30.854089],
					[120.654973, 30.846896],
					[120.68269, 30.882342],
					[120.713487, 30.88491],
					[120.709176, 30.933176],
					[120.684538, 30.955247],
					[120.698089, 30.970643],
					[120.746132, 30.962432],
					[120.770154, 30.996809],
					[120.820661, 31.006556],
					[120.865624, 30.989627],
					[120.901349, 31.017327],
					[120.890878, 31.094229],
					[120.859465, 31.100379],
					[120.881023, 31.134706],
					[120.930298, 31.141365],
					[121.018377, 31.134194],
					[121.076892, 31.158267],
					[121.060261, 31.245289],
					[121.090442, 31.291838],
					[121.142797, 31.275472],
					[121.130478, 31.343987],
					[121.113848, 31.37465],
					[121.143413, 31.392021],
					[121.174826, 31.44922],
					[121.241963, 31.493117],
					[121.247507, 31.476785],
					[121.301093, 31.49873],
					[121.301093, 31.49873],
					[121.343593, 31.511996],
					[121.371926, 31.553314],
					[121.289391, 31.61653],
					[121.145261, 31.75403],
					[121.118775, 31.759119],
					[121.200079, 31.834907],
					[121.265369, 31.863883],
					[121.323267, 31.868458],
					[121.384861, 31.833382],
					[121.431673, 31.769295],
					[121.49881, 31.753012],
					[121.599824, 31.703128],
					[121.64294, 31.697527],
					[121.715005, 31.673592],
					[121.974931, 31.61704],
					[121.970004, 31.718911],
					[121.889315, 31.866425],
					[121.856055, 31.955328],
					[121.772287, 32.032984],
					[121.759352, 32.059362],
					[121.525295, 32.136423],
					[121.542542, 32.152132],
					[121.458774, 32.177462],
					[121.499426, 32.211394],
					[121.493882, 32.263533],
					[121.450151, 32.282256],
					[121.425513, 32.430885],
					[121.390405, 32.460682],
					[121.352216, 32.474315],
					[121.269681, 32.483402],
					[121.153268, 32.52933],
					[121.121855, 32.569183],
					[121.076892, 32.576243],
					[121.020225, 32.605489],
					[120.961711, 32.612042],
					[120.979573, 32.636236],
					[120.963559, 32.68259],
					[120.916131, 32.701225],
					[120.953088, 32.714318],
					[120.972182, 32.761134],
					[120.981421, 32.85972],
					[120.957399, 32.893395],
					[120.932762, 33.005887],
					[120.917979, 33.02596],
					[120.871784, 33.047032],
					[120.874247, 33.093672],
					[120.843451, 33.209915],
					[120.819429, 33.237951],
					[120.833595, 33.274984],
					[120.813885, 33.303499],
					[120.769538, 33.307],
					[120.741205, 33.337505],
					[120.717183, 33.436945],
					[120.680227, 33.520306],
					[120.622944, 33.615051],
					[120.611241, 33.627012],
					[120.583524, 33.668362],
					[120.534249, 33.782346],
					[120.48559, 33.859411],
					[120.367329, 34.091674],
					[120.347619, 34.179352],
					[120.314359, 34.255563],
					[120.311895, 34.306991],
					[120.103707, 34.391481],
					[119.962657, 34.459112],
					[119.811752, 34.485754],
					[119.781571, 34.515839],
					[119.641137, 34.569078],
					[119.610956, 34.592729],
					[119.569072, 34.615389],
					[119.465594, 34.672994],
					[119.525956, 34.73351],
					[119.456971, 34.748264],
					[119.381827, 34.752198],
					[119.494543, 34.754656],
					[119.497007, 34.754164],
					[119.439725, 34.785136],
					[119.440957, 34.769406],
					[119.378747, 34.764489],
					[119.312841, 34.774813],
					[119.272189, 34.797914],
					[119.238313, 34.799388],
					[119.217371, 34.827886],
					[119.202588, 34.890253],
					[119.214907, 34.925589],
					[119.211211, 34.981507],
					[119.238313, 35.048657],
					[119.285124, 35.068252],
					[119.291899, 35.028567],
					[119.307298, 35.032977],
					[119.292515, 35.068742],
					[119.306066, 35.076578],
					[119.286972, 35.115261],
					[119.250016, 35.124562],
					[119.217371, 35.106939],
					[119.137915, 35.096167],
					[119.114509, 35.055026],
					[119.027045, 35.055516],
					[118.942662, 35.040817],
					[118.928495, 35.051106],
					[118.86259, 35.025626],
					[118.860742, 34.944233],
					[118.805307, 34.87307],
					[118.80038, 34.843114],
					[118.772047, 34.794474],
					[118.739402, 34.792508],
					[118.719076, 34.745313],
					[118.764039, 34.740396],
					[118.783749, 34.723181],
					[118.739402, 34.693663],
					[118.690127, 34.678408],
					[118.664257, 34.693663],
					[118.607591, 34.694155],
					[118.601431, 34.714327],
					[118.545997, 34.705964],
					[118.460997, 34.656258],
					[118.473932, 34.623269],
					[118.439439, 34.626223],
					[118.424657, 34.595193],
					[118.439439, 34.507949],
					[118.416034, 34.473914],
					[118.404947, 34.427525],
					[118.379693, 34.415183],
					[118.290382, 34.424563],
					[118.277447, 34.404814],
					[118.220165, 34.405802],
					[118.217701, 34.379134],
					[118.179513, 34.379628],
					[118.177665, 34.45319],
					[118.132702, 34.483287],
					[118.16473, 34.50499],
					[118.185056, 34.543942],
					[118.079115, 34.569571],
					[118.114839, 34.614404],
					[118.084042, 34.655766],
					[118.053861, 34.650843],
					[117.951615, 34.678408],
					[117.909732, 34.670533],
					[117.902956, 34.644443],
					[117.793935, 34.651827],
					[117.791471, 34.583368],
					[117.801942, 34.518798],
					[117.684298, 34.547392],
					[117.659044, 34.501044],
					[117.609769, 34.490686],
					[117.592523, 34.462566],
					[117.53832, 34.467006],
					[117.465023, 34.484767],
					[117.402813, 34.550843],
					[117.402813, 34.569571],
					[117.370785, 34.584846],
					[117.325205, 34.573021],
					[117.325205, 34.573021],
					[117.32151, 34.566614],
					[117.32151, 34.566614],
					[117.311654, 34.561686],
					[117.311654, 34.561686]
				]

		},

	

	}

}
</script>



<style scoped>
.fff li {
	line-height: 40px;

}

.fff2 li {
	line-height: 80px;
}

.fff2 {
	margin-left: 125px;
}

.fff {
	margin-left: 10px;
}

.lc-fa {
	background-color: rgb(238, 247, 249);
	padding-top: 40px;
	padding-bottom: 40px;
}

.rk-fa {
	position: relative;
}

.rk-son {
	position: absolute;
	top: 80px;
	left: 60px;
}

.rk>img {
	margin-bottom: 25px;
}

.rk>img:hover {
	transform: scale(1.05);
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
	/* border-radius: 50% */
}

.hydj {
	position: absolute;
	top: 130px;
	right: 0;
}

.hy>img {
	margin-bottom: 25px;
}

.hy>img:not(.hy>img:nth-of-type(1)):hover {
	transform: scale(1.05);
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
}

.hy>img:not(.hy>img:nth-of-type(2)):hover {
	transform: scale(1.05);
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
}

.hy {
	padding-right: 20px;
}

.tdt-label {
	background-color: rgba(0, 0, 0, 0.1) !important
		/* background: none !important */
}

.map {
	width: 100%;
	height: 580px
}

.tit {
	background: rgb(247, 247, 247);
	width: 1234px;
	margin: 0 auto;
}

/* #map {
    width: 1000px;
    height: 300px;
} */
.container {
	width: 1842px;
	/* width: 100%; */

	margin: 0 auto;
}

.bb2 {
	margin-bottom: 20px;
}

.bx {

	width: 1234px;
	/* height: 580px; */
	margin: 0 auto;
	overflow: hidden;
}

.w580 {

	position: relative;
	width: 1234px;
	height: 580px;
	margin-top: 20px !important;
	/* height: 580px; */
	margin: 0 auto;
	/* overflow: hidden; */
}



.top {
	display: flex;
	justify-content: center;
	/* 		background: url("../src/assets/ab84a1af9a9d7cac582e7b59ac02335.png") no-repeat;
		height: 450px;
		background-size:contain; */
}

.top img {
	height: 450px;
	/* width: 1925px; */
	width: 100%;

}

.desc {
	display: flex;
	justify-content: center;
}

.desc img {
	width: 1234px;
}

.nav2 {
	width: 1234px;
	margin: 0 auto;
	/* background-color: #00bf67; */
}

.nav2 ul {
	/* width: 1234px; */
	/* width: 100%; */
	padding: 0;
	list-style: none;
	/* margin: 0 auto; */
	overflow: hidden;
	/* background-color: aquamarine; */
	display: flex;
	justify-content: space-around;

}

.nav2 ul li {
	color: #fff;
	margin-left: 50px;
	margin-top: 50px;
}

.nav2 ul li:first-child {
	margin-left: 0;
}

.el-select {
	margin-left: 30px;
	margin-top: 40px;
}

.nav {
	width: 100%;
	background-color: #00bf67;
}

.nav ul {
	width: 1234px;
	/* width: 100%; */

	margin: 0 auto;
	overflow: hidden;
	/* background-color: aquamarine; */
	display: flex;
	justify-content: space-around;

}

.zs {
	margin: 0 auto;
	width: 1234px;
	display: flex;
	/* position: relative; */

}

.nav li {
	list-style: none;
	padding: 20px 10px;
	color: #fff;

}

button:hover {
	color: #ff5500;
}

.nav li:hover {
	background-color: #ff5500;
}

.rgb {
	/* display: block;
		width: 32px; */
	float: left;
	color: rgb(3, 15, 255);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}

.hd {
	float: left;
	width: 5px;
	height: 5px;
	border-radius: 10px;
	background: #00bf67;
	margin: 10px 10px 0 10px;
}

.of {
	display: block;
	width: 323px;
	float: left;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

button {
	font-size: 18px;
	font-weight: 500;
	margin-top: 30px;
	width: 175px;
	height: 35px;
	border: 0;
	background-color: #00bf67;
	color: #fff;
	border-radius: 15px;
}

.r1 {
	position: absolute;
	top: 30px;
	right: 0;
	width: 240px;
	height: 525px;
	padding: 20px;
	margin: 20px 20px 0 0;
	background: rgba(211, 234, 255, 0.5);
	z-index: 10000;
	/* background: #000; */
}

.l1 {
	position: absolute;
	top: 30px;

	width: 240px;
	margin: 20px 20px;
	background: rgba(211, 234, 255, 0.5);
	z-index: 10000;
}

.l1 .l1-hd img {
	width: 42px;
	height: 42px;
}

.l1-dd {
	margin-left: 24px;
}

.mb50 {
	margin-bottom: 50px;

}
</style>